<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <!--<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />-->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0,user-scalable=no">
    <meta name="apple-mobile-web-app-status-bar-style" content="grey" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="format-detection" content="telephone=no" />
    <title>国通储油卡</title>
    <script type="text/javascript" src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
    <script type="text/javascript" src="js/public.js"></script>
    <link rel="stylesheet" href="css/normalize.css" />
    <link rel="stylesheet" href="css/imool.css" />
    <!--去掉超链接点击出现阴影-->
    <style type="text/css">
        a {
            blr: expression(this.onFocus=this.blur());
            -webkit-tap-highlight-color: transparent;
            text-decoration: none;
        }
    </style>
</head>

<body id="body">
<div class="float"></div>
<div class="hidden">
    <i class="out"><img src="img/close.png"/></i>
    <p>国通储油卡官方微信二维码</p>
    <span>长按识别图中二维码，轻松购买国通储油卡</span>
    <img src="img/ewm.png" />
</div>
<div class="wrapper">
    <div class="head">
        <img src="img/logo.png" />
    </div>

    <div class="head_nav">
        <ul>

            <li>
                <a class="voting" href="https://guotong.tmall.com">
                    <img src="img/2001.png" class="l_32" />
                </a>
                <i style="margin-left: 32%; ">天猫购买</i>
            </li>

            <a href="javascript:;">
                <li>
                    <img class="wx voting" src="img/2003.png" id="l_20" />
                    <i id="l_20">微信购买</i>
                </li>
            </a>
        </ul>
    </div>

    <div class="content">
        <div class="activity">
            <h4>活动简介</h4>
            <p>“12.2全国交通安全日”重庆在行动由国通石油冠名赞助，重庆交巡警总队和重庆华龙网集团联合主办，重庆市文明办、市公安局、市教委、市交委、市司法局、市安监局联合指导。
                <br/>
                <br/>活动旨在传授安全出行知识、传播文明出行常识，宣扬文明出行风尚、培育交通安全文化、提升文明交通意识，推动“文明交通行动计划”发展。
            </p>
        </div>
        <div class="activity product">
            <h4>产品介绍</h4>
            <p>国通（红色）储油卡区别于传统的“充值”型加油卡，采用按“升”储油，按“升”加油的消费模式。<strong style="color: #CC102E;">油价上涨时以储油油量结算，赚取差价，增值！油价下跌时以储油金额结算，永不亏本，保值！</strong>这种购买和交易结算方式，不仅可以让用户避免因成品油价格波动而带来的影响，还为用户带来全新的投资方式。</p>
            <img src="img/1005.png" />
            <div class="slogan">
                <p>按升储油，锁定油价</p>
                <p>方便可靠，使用便捷</p>
                <p>购卡快捷，储油方便</p>
                <p>汽油柴油，任意存储</p>
            </div>
        </div>

        <div class="activity howbuy" id="bor">
            <h4>如何购买</h4>
            <img src="img/1002.png" />
            <span>天猫购买  /  现场购买  /  微信购买</span>
        </div>

        <div class="shoop">
            <ul>
                <li><img src="img/1006.png" /></li>
                <li><img src="img/1012.jpg" /></li>
                <li><img src="img/1008.png" /></li>
                <a class="voting" href="https://guotong.tmall.com">
                    <li><img src="img/1009.jpg" /></li>
                </a>
                <li><img src="img/1010.jpg" /></li>
                <li class="wx voting"><img src="img/1011.jpg" /></li>
            </ul>
            <p>
                <a class="voting" href="https://guotong.tmall.com"><span class="tm">天猫购买</span></a>
                <span class="wx voting">微信购买</span>
            </p>
        </div>
    </div>
</div>
<div class="footer">
    <p>热线:023-96566 </p>
    <span>重庆市北部新区星光大道62号海王星B区一楼</span>
    <span>© 国通石油储油卡科技有限公司 渝ICP备15004414号</span>
</div>
<script>
    var _hmt = _hmt || [];
    (function() {
        var hm = document.createElement("script");
        hm.src = "//hm.baidu.com/hm.js?9afd654f61a80f7adf462f23a7efff51";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
    })();



    //投票
    $(document).ready(function(){
        var num=location.href.indexOf("?");
        var voteid=location.href.substr(num + 1);

        //有奖网页
        if(voteid && num != -1){
            $(".voting").on('touchstart',function(){
                if(window._ajax == 1) return;

                var url = $(this).attr("href");
                $.ajax({
                    url:'/201512/voting.php',
                    type: 'POST',
                    data:{id:voteid},
                    dataType:'json',
                    success:function(json){
                        window._ajax = 1;
                        if(url){
                            window.location.href = url;
                        }

                    }
                });

                if(url){
                    window.setInterval(function(){window.location.href = url;},1000);
                }
                return false;
            });
        }
    });
</script>
</body>

</html>